<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../stylesheets/main.css" />
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
	</head>

	<body>

		<div class="mt15 bg-white bd bdr-10 mlr10">
			<div class="hht60 fz28 ml20">
				可预约班次
			</div>
			<div class="">
				<div class="txt-ellipsis hht88 pr fc-grey bdt">
					<label id="time" class=" ml20 dp-inlb w140 txt-ellipsis fz26">2016-03-14</label>
					<label class="ml20 dp-inlb w80 txt-ellipsis fz26">周一</label>
					<label id="day" class="dp-inlb w80 txt-ellipsis fz26">今天</label>
					<label class="dp-inlb w120 txt-ellipsis fz26">剩余
						<label class="left-num">1111</label>
					</label>
					<a href="挂号人.html" class=" t15 w110 pa bdr-5 bd-cyan tc fz26 fc-cyan r20 hht50">预约</a>
				</div>
				<div class="txt-ellipsis hht88 pr fc-grey bdt">
					<label id="time" class=" ml20 dp-inlb w140 txt-ellipsis fz26">2016-03-14</label>
					<label class="ml20 dp-inlb w80 txt-ellipsis fz26">周一</label>
					<label id="day" class="dp-inlb w80 txt-ellipsis fz26">今天</label>
					<label class="dp-inlb w120 txt-ellipsis fz26">剩余
						<label class="left-num">0</label>
					</label>
					<a href="挂号人.html" class=" t15 w110 pa bdr-5 bd-cyan tc fz26 fc-cyan r20 hht50">预约</a>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			var num = document.getElementById("left-num");
			var day = document.getElementById("day");
			var time = document.getElementById("")

			function changeColor() {
				var arr = new Array();
				arr = document.getElementsByClassName("left-num");
				for (var i = 0; i < arr.length; i++) {
					if (arr[i].innerHTML == 0) {
						arr[i].style.color = "red";
					}
				}
			}

			function showDay() {
				var today = new Date()
					//				switch (){
					//					case value:
					//						break;
					//					default:
					//						break;
					//				}
			}
			changeColor();
		</script>
	</body>

</html>